<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>登录</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="css/config.css" rel="stylesheet" />
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
	</head>

	<body>
		<div class="mui-content mui-fullscreen mui-scroll-wrapper login-step-1" id="login-step-1">
			<div class="hos-enter-area">
				<a class="active" href="#menzhenLogin">登录</a>
				<a href="#zhuyuanLogin">注册</a>
				<a ontouchstart="openWindow('index.html','index.html')">游客</a>
			</div>
		</div>

		<!--登录-->
		<div id="menzhenLogin" class="mui-popover pop-login-area">
			<div class="mui-popover-arrow"></div>
			<p>登录</p>
			<a class="mui-icon mui-icon-closeempty" href="#menzhenLogin"></a>
			<div class="pop-login-input">
				<input type="text" placeholder="姓名" id="txt_Name" value="1509214" />
			</div>
			<div class="pop-login-input">
				<input type="text" placeholder="就诊卡号" id="txt_Pwd" value="123456" />
			</div>
			<a class="enter-button" ontouchstart="UserLogin()">登入</a>
		</div>
		<!--门诊患者登录end-->

		<!--住院患者登录-->
		<div id="zhuyuanLogin" class="mui-popover pop-login-area">
			<div class="mui-popover-arrow"></div>
			<p>住院患者登录</p>
			<a class="mui-icon mui-icon-closeempty" href="#zhuyuanLogin"></a>
			<div class="pop-login-input">
				<input type="text" placeholder="姓名" />
			</div>
			<div class="pop-login-input">
				<input type="text" placeholder="住院号" />
			</div>
			<a class="enter-button">登入</a>
		</div>
		<!--住院患者登录end-->
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
			//			高亮效果
   mui(".hos-enter-area").on('tap', 'a', function() {
     $(this).addClass("active").siblings().removeClass("active");
    })
		</script>
	</body>

</html>